<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>预约设置</title>
  <link href="../../css/global.css" rel="stylesheet" type="text/css" />
  <link href="../../css/kalendae.css" rel="stylesheet" type="text/css">
  <style>
    .kalendae .k-calendar {
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 540px;
      vertical-align: top;
    }

    .kalendae .k-title,
    .kalendae .k-header,
    .kalendae .k-days {
      width: 540px;
      display: block;
      overflow: hidden;
    }

    .kalendae .k-header span {
      text-align: center;
      font-weight: bold;
      width: 13%;
      padding: 1px 0;
      color: #666;
    }

    .kalendae .k-days span {
      /* 水平居中 */
      text-align: center;
      width: 13%;
      /* 高度 4.5em效果比较好 height等于line-height就能垂直居中了 */
      height: 4.5em;
      line-height: 4.5em;
      padding: 2px 3px 2px 2px;
      border: 1px solid transparent;
      border-radius: 3px;
      color: #999;
    }

    .kalendae .k-days span {
      /* 水平居中 */
      text-align: center;
      width: 13%;
      /* 高度 4.5em效果比较好 height等于line-height就能垂直居中了 */
      height: 4.5em;
      line-height: 4.5em;
      padding: 2px 3px 2px 2px;
      border: 1px solid transparent;
      border-radius: 3px;
      color: #999;
    }

    .col-7 .sort {
      max-width: 100px;
      min-width: 100px;
      width: 100px;
    }
    .time_list li {
      margin-bottom: 10px;
    }
    .time_list li input {
      margin-right: 10px;
    }
    .time_list li button {
      margin-left: 10px;
    }
    .time_list li .button_a {
      margin-left: 10px;
      cursor: pointer;
    }
    .time_list li .button_a i {
      font-size: 20px;
      color: #fb8319;
    }
    .time_list li .button_a:last-child i {
      color: #fb3c41;
    }
  </style>
</head>

<body>
  <div class="whiteboard"></div>
  <!--栏目列表-->
  <div class="left_menu">
    <div class="sub"> </div>
  </div>
  <!--/栏目列表-->
  <div class="right_con">
    <div class="card">
      <div class="title"><span>预约设置</span>
        <div class="cfr">
          <div class="tico full">
            <i class="iconfont icon-quanping"></i>
          </div>
        </div>
      </div>
      <div class="tipbox">
      </div>
      <div class="infoBox">
        <div class="boxs">
          <!--基本信息-->
          <div class="box">
            <div class="sub"><span>基本信息<i class="iconfont icon-diannao"></i></span></div>
            <div class="form ifo1 validform">
              <input id="currentId" type="hidden" ly-bind="id" />
              <div class="row" gutter="10">
                <div class="label"><em>*</em>工作日设置：</div>
                <div class="col-7">
                  <input type="text" id="orderTime" class="auto-kal ipt" data-kal="mode:'multiple'">
                </div>
              </div>
              <div class="row" gutter="10">
                <div class="label"><em>*</em>预约设置：</div>
                <div class="col-7">
                  <ul class="time_list">
                    <!-- <li>
                      <input type="text" class="ipt lay_time" placeholder="请选择时间范围">
                      <input type="text" class="ipt sort" placeholder="预约名额"> 人
                      <a class="button_a" onclick="addItem()" title="新增"><i class="iconfont icon-add"></i></a>
                      <a class="button_a" onclick="delItem(this)" title="删除"><i class="iconfont icon-shanchuguanbicha"></i></a>
                    </li> -->
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="btnBox">
            <div class="fr">
              <button class="btn red " id="save-btn">保存</button>
              <button class="btn goback" onclick="window.history.back()">返回</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script id="jquery_js" src="../../js/jquery-1.11.1.min.js"></script>
<script id="config_js" src="../../js/config.js"></script>
<script id="ly_main_js" src="../../js/ly_main.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/kalendae.standalone.js"></script>
<script src="../../js/laydate/laydate.js"></script>
<script src="../../js/ownJs/appointManage/setting.js"></script>

</html>